<template>
  <view class="calendar-main">
    <eui-calendar :clearDate="false" :insert="true" :showMonth="false"
                  :date="calendarDate"/>
  </view>
</template>

<script>
export default {
  data() {
    return {
      showCalendar: false,
      calendarDate: '',
    }
  },
  methods: {
    // 按钮点击事件
    onChange(localValue) {
      this.showCalendar = !this.showCalendar;
    },
  }
}
</script>

<route lang="json">
{
  "style": {
    "navigationBarTitleText": "Calendar"
  }
}
</route>

<style lang="scss">
.calendar-main {
  width: 100%;
  height: 1624rpx;
  background: #F2F2F2;
  display: flex;
  flex-direction: column;
  position: relative;
}

.calendar-view {
  position: fixed;
  top: 66rpx;
  left: 0;
  width: 100%;
  height: 100%;
  background: pink;
}
</style>
